<%@ page language="java" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%@ taglib prefix="catalog" tagdir="/WEB-INF/tags/catalog"%>
<%@ taglib prefix="product" tagdir="/WEB-INF/tags/product"%>

<input type="hidden" name="productIds" value="${product.productId}">
<div class="name">
	<a href="javascript:void(0)" title="${product.productName}">${product.productName} <i class="del" title="<fmt:message key="compareCart.remove"/>" productId="${product.productId}"></i>
	</a>
</div>
<div class="pop" style="display: none;">
	<div class="pd clearfix">
		<div class="pic">
			<a href="<product:productUrl product="${product}"/>" class="img">
				<product:productImage product="${product}" sizeType="s1" linkType="0"/>
			</a>
		</div>
		<div class="txt">
			<h4>
				<a href="<product:productUrl product="${product}"/>">${product.productName}</a>
			</h4>
			<product:productPrice productSku="${product.defaultProductSku}" multiple="true" hasPriceName="true"/>
			<div class="more">
				<a href="<product:productUrl product="${product}"/>"><fmt:message key="compareCart.viewDetail"/>&gt;&gt;</a>
			</div>
		</div>
	</div>
	<div class="bot">
		${product.productName}
	</div>
	<i class="close_btn" title="<fmt:message key="compareCart.minimize"/>"></i>
	<i class="del_btn" productId="${product.productId}" title="<fmt:message key="compareCart.remove"/>"></i>
</div>
<script type="text/javascript">
$j(document).ready(function () {
	$j('#compareProduct${product.productId} div.name a').bind('click',showCompareCartProductWindow);
	$j('#compareProduct${product.productId} div.pop div.bot,i.close_btn').bind('click',hideCompareCartProductWindow);
	$j('#compareProduct${product.productId} div.pop i.del_btn').bind('click',removeCompareCartProduct);
	$j('#compareProduct${product.productId} div.name i.del').bind('click',removeCompareCartProduct);

});

</script>